<template>
  <div>
    <!-- 
      语法：:styel="{css属性名:对应得属性值}"
     -->
    <h1 :style="{ color: color }" class="greenSet">动态style的使用</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      color: "skyblue",
    };
  },
};
</script>

<style>
.greenSet {
  font-size: 20px;
  /* 会覆盖上面的颜色 */
  color: aqua;
}
</style>